import Vue from 'vue'
import VueRouter from 'vue-router'
import HomeView from '../views/HomeView.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/style',
    name: 'style',
    component: () => import('../views/EchartsStyleView.vue')
  },
    {
        path: '/data',
        name: 'data',
        component: () => import('../views/EchartsDataView.vue')
    },
    {
        path: '/event',
        name: 'event',
        component: () => import('../views/EventView.vue')
    },
    ,
    {
        path: '/event2',
        name: 'event2',
        component: () => import('../views/EventView2.vue')
    },
    {
        path: '/bar',
        name: 'bar',
        component: () => import('../views/bar/BarView.vue')
    },
    {
        path: '/bar2',
        name: 'bar2',
        component: () => import('../views/bar/BarView2.vue')
    },
    {
        path: '/bar3',
        name: 'bar3',
        component: () => import('../views/bar/BarView3.vue')
    },
    {
        path: '/line',
        name: 'line',
        component: () => import('../views/line/LineView.vue')
    },
    {
        path: '/pie',
        name: 'pie',
        component: () => import('../views/pie/PieView.vue')
    },
    {
        path: '/scatter',
        name: 'scatter',
        component: () => import('../views/scatter/ScatterView.vue')
    },
    {
        path: '/radar',
        name: 'radar',
        component: () => import('../views/radar/RadarView.vue')
    },
    {
        path: '/map',
        name: 'map',
        component: () => import('../views/map/ChinaMap2.vue')
    },
    {
        path: '/calendar',
        name: 'calendar',
        component: () => import('../views/calendar/CalendarView.vue')
    }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
